.ripple{
	position: relative;
	overflow: hidden;
}
.ripple .ripple-layer{
	border-radius:100%;
	background: rgba(100,100,100,.7);
	animation: ripple .5s ease-out;
	position: absolute;
	left: 0;
	top: 0;
	transform: scale(0);
}
@keyframes ripple{
	from{
		transform: scale(.2);
	}
	to{
		transform: scale(2);
		opacity: 0;
	}
}